<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Bug 1141931 - Bidi reordering of ruby</title>
  <link rel="stylesheet" href="common.css">
  <style> rb { margin: 0 5px; } </style>
</head>
<body>
  <p>
    <ruby>
      <rb>base1</rb><rb>base2</rb>
      <rtc dir="rtl">
        <rt>text1</rt><rt>text2</rt>
      </rtc>
      <rbc dir="rtl">
        <rb>base3</rb><rb>base4</rb>
      </rbc>
      <rt>text3</rt><rt>text4</rt>
    </ruby>
    <ruby dir="rtl">
      <rb>base5</rb><rb>base6</rb>
      <rt>text5</rt><rt>text6</rt>
      <rbc dir="ltr">
        <rb>base7</rb><rb>base8</rb>
      </rbc>
      <rt>text7</rt><rt>text8</rt>
    </ruby>
  </p>
  <p dir="rtl">
    <ruby>
      <rb>base1</rb><rb>base2</rb>
      <rtc dir="ltr">
        <rt>text1</rt><rt>text2</rt>
      </rtc>
      <rbc dir="ltr">
        <rb>base3</rb><rb>base4</rb>
      </rbc>
      <rt>text3</rt><rt>text4</rt>
    </ruby>
    <ruby dir="ltr">
      <rb>base5</rb><rb>base6</rb>
      <rt>text5</rt><rt>text6</rt>
      <rbc dir="rtl">
        <rb>base7</rb><rb>base8</rb>
      </rbc>
      <rt>text7</rt><rt>text8</rt>
    </ruby>
  </p>
</body>
</html>
